<template>
  <div class="employees-detail-container">
    <el-card>
      <router-link :to="'/employees/print?id=' +$route.query.id" class="icon">
        <i class="el-icon-edit" />
      </router-link>
      <el-tabs>
        <el-tab-pane label="登录账号设置">
          <account />
        </el-tab-pane>
        <el-tab-pane label="个人详情">
          <job-info />
        </el-tab-pane>
        <el-tab-pane label="岗位信息">
          <user-info />
        </el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
import Account from './components/account'
import UserInfo from './components/user-info.vue'
import JobInfo from './components/job-info.vue'
export default {
  name: 'EmployeeDetail',
  components: {
    Account,
    UserInfo,
    JobInfo
  },
  created () {
    // console.log(this.$route)
  }
}
</script>

<style scoped>
.employees-detail-container {
  position: relative;
}
.icon {
  position: absolute;
  right: 70px;
  top: 33px;
  z-index: 999;
}
</style>
